<template>
  <v-form class="form">
    <v-select
      :items="options1"
      v-model="opAreaConfig.cellDisplay"
      hide-details
      label="单元格展示内容"
    ></v-select>
    <v-divider class="border-opacity-0"></v-divider>
    <v-select
      :items="[1, 2, 3, 4, 5, 6, 7, 8]"
      v-model="opAreaConfig.defaultRow"
      label="默认行数"
      hide-details
    ></v-select>
    <v-divider class="border-opacity-0"></v-divider>
    <v-select
      :items="[1, 2, 3, 4]"
      v-model="opAreaConfig.defaultCol"
      label="默认列数"
      hide-details
    ></v-select>
    <v-divider class="border-opacity-0"></v-divider>
    <v-select
      :items="[1, 2, 3, 4]"
      v-model="opAreaConfig.defaultAdditionsCount"
      label="新增表单项的数量"
      hide-details
    ></v-select>
  </v-form>
</template>
<script setup lang="ts">
import { FormItemDisplay } from "@/types";
import { useConfigs } from "@/features";
const { opAreaConfig } = useConfigs();

const options1 = [
  {
    title: "字段名（取值字段）",
    value: FormItemDisplay.ALL,
  },
  {
    title: "字段名",
    value: FormItemDisplay.LABEL,
  },
  {
    title: "取值字段",
    value: FormItemDisplay.FIELD,
  },
];
</script>
